<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->

<!--[if !IE]><!-->
<div lang="en" class="no-js" data-ng-app="app"> <!--<![endif]-->

    <!-- BEGIN HEAD -->

    <head>

        <meta charset="utf-8"/>

        <title>Metronic | Admin Dashboard Template</title>

        <meta content="width=device-width, initial-scale=1.0" name="viewport"/>

        <meta content="" name="description"/>

        <meta content="" name="author"/>

        <!-- BEGIN GLOBAL MANDATORY STYLES -->

        <link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

        <link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

        <link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

        <link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>

        <link href="media/css/style.css" rel="stylesheet" type="text/css"/>

        <link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>

        <link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>

        <link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>

        <!-- END GLOBAL MANDATORY STYLES -->

        <!-- BEGIN PAGE LEVEL STYLES -->

        <link href="media/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>

        <link href="media/css/daterangepicker.css" rel="stylesheet" type="text/css"/>

        <link href="media/css/fullcalendar.css" rel="stylesheet" type="text/css"/>

        <link href="media/css/jqvmap.css" rel="stylesheet" type="text/css" media="screen"/>

        <link href="media/css/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>

        <!-- END PAGE LEVEL STYLES -->

        <link rel="shortcut icon" href="media/image/favicon.ico"/>

    </head>

    <!-- END HEAD -->

    <!-- BEGIN BODY -->
    <body  ng-controller="DetailCtrl">
    <div class="page-header-fixed" style="background-color:#3d3d3d">

        <!-- BEGIN HEADER -->

        <div class="header navbar navbar-inverse navbar-fixed-top">

            <!-- BEGIN TOP NAVIGATION BAR -->

            <div class="navbar-inner">

                <div class="container-fluid">

                    <!-- BEGIN LOGO -->

                    <a class="brand" href="index.html">

                        <img src="media/image/logo.png" alt="logo"/>

                    </a>

                    <!-- END LOGO -->

                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->

                    <a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse"
                       data-target=".nav-collapse">

                        <img src="media/image/menu-toggler.png" alt=""/>

                    </a>

                    <!-- END RESPONSIVE MENU TOGGLER -->

                    <!-- BEGIN TOP NAVIGATION MENU -->

                    <ul class="nav pull-right">

                        <!-- BEGIN USER LOGIN DROPDOWN -->

                        <li class="dropdown user">

                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                                <img alt="" src="media/image/avatar1_small.jpg"/>

                                <span class="username" id="userid"></span>

                                <i class="icon-angle-down"></i>

                            ${Session.usrname}
                            </a>

                            <ul class="dropdown-menu">

                                <li><a href="logout"><i class="icon-key"></i> Log Out</a></li>

                            </ul>

                        </li>

                        <!-- END USER LOGIN DROPDOWN -->

                    </ul>

                    <!-- END TOP NAVIGATION MENU -->

                </div>

            </div>

            <!-- END TOP NAVIGATION BAR -->

        </div>

        <!-- END HEADER -->

        <!-- BEGIN CONTAINER -->

        <div class="page-container">

            <!-- BEGIN SIDEBAR -->

            <div class="page-sidebar nav-collapse collapse">

                <!-- BEGIN SIDEBAR MENU -->

                <ul class="page-sidebar-menu">

                    <li>

                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

                        <div class="sidebar-toggler hidden-phone"></div>

                        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

                    </li>


                    <li class="start active ">

                        <a href="#">

                            <i class="icon-home"></i>

                            <span class="title">首页</span>

                            <span class="selected"></span>

                        </a>

                    </li>


                    <li>

                        <a class="active" href="javascript:;">

                            <i class="icon-sitemap"></i>

                            <span class="title">权限管理</span>

                            <span class="arrow "></span>

                        </a>

                        <ul class="sub-menu">

                        <#list accordions as accodion>
                            <#list accodion.children as item>

                                <li>

                                    <a ng-click="itemClick(${item.id})" href="#">
                                    <#--<a ui-sref=="app.login">-->

									${item.name}

                                    </a>

                                </li>
                            </#list>
                        </#list>


                        </ul>

                    </li>


                </ul>

                <!-- END SIDEBAR MENU -->

            </div>

            <!-- END SIDEBAR -->

            <!-- BEGIN PAGE -->

            <div class="page-content">

                <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->


                <!-- END PAGE CONTAINER-->

            </div>

            <!-- END PAGE -->

        </div>

        <!-- END CONTAINER -->

        <!-- BEGIN FOOTER -->

        <div class="footer">

            <div class="footer-inner">

                2013 &copy; RUN

            </div>

            <div class="footer-tools">

		<span class="go-top">

		<i class="icon-angle-up"></i>

		</span>

            </div>

        </div>

        <!-- END FOOTER -->

        <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

        <!-- BEGIN CORE PLUGINS -->

        <script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

        <script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

        <!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

        <script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>

        <script src="media/js/bootstrap.min.js" type="text/javascript"></script>

        <!--[if lt IE 9]>

        <script src="media/js/excanvas.min.js"></script>

        <script src="media/js/respond.min.js"></script>

        <![endif]-->

        <script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>

        <script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>

        <script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>

        <script src="media/js/jquery.uniform.min.js" type="text/javascript"></script>

        <!-- END CORE PLUGINS -->

        <!-- BEGIN PAGE LEVEL PLUGINS -->

        <script src="media/js/jquery.vmap.js" type="text/javascript"></script>

        <script src="media/js/jquery.vmap.russia.js" type="text/javascript"></script>

        <script src="media/js/jquery.vmap.world.js" type="text/javascript"></script>

        <script src="media/js/jquery.vmap.europe.js" type="text/javascript"></script>

        <script src="media/js/jquery.vmap.germany.js" type="text/javascript"></script>

        <script src="media/js/jquery.vmap.usa.js" type="text/javascript"></script>

        <script src="media/js/jquery.vmap.sampledata.js" type="text/javascript"></script>

        <script src="media/js/jquery.flot.js" type="text/javascript"></script>

        <script src="media/js/jquery.flot.resize.js" type="text/javascript"></script>

        <script src="media/js/jquery.pulsate.min.js" type="text/javascript"></script>

        <script src="media/js/date.js" type="text/javascript"></script>

        <script src="media/js/daterangepicker.js" type="text/javascript"></script>

        <script src="media/js/jquery.gritter.js" type="text/javascript"></script>

        <script src="media/js/fullcalendar.min.js" type="text/javascript"></script>

        <script src="media/js/jquery.easy-pie-chart.js" type="text/javascript"></script>

        <script src="media/js/jquery.sparkline.min.js" type="text/javascript"></script>

        <!-- END PAGE LEVEL PLUGINS -->

        <!-- BEGIN PAGE LEVEL SCRIPTS -->

        <script src="media/js/app.js" type="text/javascript"></script>

        <script src="media/js/index.js" type="text/javascript"></script>
        <!-- END PAGE LEVEL SCRIPTS -->

        <script>

            jQuery(document).ready(function () {

                App.init(); // initlayout and core plugins

                Index.init();

            });
        </script>

        <script type="text/javascript" src="js/jquery/jquery-ui-1.10.3.custom.min.js"></script>
        <script type="text/javascript" src="js/angular/angular.js"></script>
        <script type="text/javascript" src="js/angular/bootstrap/ui-bootstrap-tpls.js"></script>
        <script type="text/javascript" src="js/angular/lazyload/ocLazyLoad.js"></script>
        <script type="text/javascript" src="js/angular/router/angular-ui-router.js"></script>
        <script type="text/javascript" src="js/app/app.js"></script>
        <script type="text/javascript" src="js/app/config.lazyload.js"></script>
        <script type="text/javascript" src="js/app/main.js"></script>
        <script type="text/javascript" src="js/app/services/ui-load.js"></script>
        <script type="text/javascript" src="js/app/services/data-service.js"></script>
        <script type="text/javascript" src="js/app/directives/ui-jq.js"></script>
        <script type="text/javascript" src="js/app/directives/ui-nav.js"></script>
        <script type="text/javascript" src="js/app/directives/ui-settings.js"></script>
        <script type="text/javascript" src="js/app/directives/ui-datatable.js"></script>
        <script type="text/javascript" src="js/app/directives/ui-toggleclass.js"></script>
        <script type="text/javascript" src="js/app/controllers/DetailController.js"></script>

        <!-- END JAVASCRIPTS -->

    </div>
    </body>

    <!-- END BODY -->

</div>